<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>仿故宫博物院青少网站</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/index.js"></script>
  </head>
  <body>
    <!-- 顶部 -->
    <div class="header container">
      <h1 class="logo">
        <a href="javascript:void(0)"><img src="images/logo.png" /></a>
      </h1>

      <div class="nav">
        <div class="nav-left">
          <ul>
            <li><a href="javascript:void(0)">首页</a></li>
            <li><a href="javascript:void(0)">故宫动态</a></li>
            <li><a href="javascript:void(0)">我要逛故宫</a></li>
          </ul>
        </div>

        <div class="nav-right">
          <ul>
            <li><a href="javascript:void(0)">上书房</a></li>
            <li><a href="javascript:void(0)">故宫大冒险</a></li>
          </ul>
        </div>
      </div>

      <!-- 铃铛 -->
      <div class="bell"></div>
    </div>

    <!-- 荷叶层 -->
    <div class="lotusLeaf">
      <img src="images/summer.jpg" />
      <div class="heye heye1"></div>
      <div class="heye heye2"></div>
      <div class="heye heye3"></div>
      <div class="heye heye4"></div>
      <div class="heye heye5"></div>
      <div class="heye heye6"></div>
    </div>

    <!-- 新闻区 -->
    <div class="news container">
      <ul class="news-list clearfix">
        <li>
          <div class="time">2021.09.17</div>
          <a href="javascript:void(0)" class="title">关于对未成年人试行免费开放的公告</a>
          <p class="desc">
            2021年12月3日20时起，可通过故宫博物院售票网站（https://gugong.ktmtech.cn/）、“故宫博物院观众服务”微信公众号预约2021年12月10日以后的未成年人免费门票（含珍宝馆、钟表馆）。
          </p>
        </li>

        <li>
          <div class="time">2021.09.06</div>
          <a href="javascript:void(0)" class="title">
            故宫博物院获2020 AVICOM国际视听多媒体艺术节“数字交互装置”单元金奖
          </a>
          <p class="desc">
            当地时间2021年11月23日，“2020 AVICOM国际视听多媒体艺术节（F@IMP 2.0）”颁奖典礼在匈牙利国家博物馆举行，故宫博物院“考古XR项目”荣获“数字交互装置”单元金奖（Gold Award for Digital Interactive Installation）。
          </p>
        </li>

        <li>
          <div class="time">2021.09.01</div>
          <a href="javascript:void(0)" class="title">
            关于共同推动保护阿富汗文化遗产的倡议书
          </a>
          <p class="desc"> 1972年11月23日，《保护世界文化和自然遗产公约》在巴黎签署，开启了全世界共同保护人类瑰宝的历程。今天，守护古代文明需要团结协作的理念已成为全人类的集体共识。签署公约的缔约国，在充分尊重所在国主权的前提下，“承认这类遗产是世界遗产的一部分，因此，整个国际社会有责任合作予以保护”。</p>
        </li>
      </ul>

      <ul class="treasure-list clearfix">
        <li>
          <a href="javascript:void(0)">
            <img src="./images/treasure1.png" />
            <p>如意如意，如我心意</p>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <img src="./images/treasure2.png" />
            <p>紫禁学堂--《冰嬉图》里看冰嬉</p>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <img src="./images/treasure3.png" />
            <p>紫禁学堂--“艺术家”宋徽宗</p>
          </a>
        </li>
      </ul>
    </div>

    <!-- 地图区 -->
    <div class="map">
      <!-- 老师 -->
      <div class="teacher"></div>
      <ul class="item-list">
        <li>
          <a href="javascript:void(0)"><img src="images/guide1.png" /></a>
        </li>
        <li>
          <a href="javascript:void(0)"><img src="images/guide2.png" /></a>
        </li>
        <li>
          <a href="javascript:void(0)"><img src="images/guide3.png" /></a>
        </li>
        <li>
          <a href="javascript:void(0)"><img src="images/guide4.png" /></a>
        </li>
        <li>
          <a href="javascript:void(0)"><img src="images/guide5.png" /></a>
        </li>
      </ul>
    </div>

    <!-- 更多区域 -->
    <div class="more clearfix container">
      <!-- app下载 -->
      <div class="app_down fl">
        <ul class="app">
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app1.jpg" />
              <p>紫禁城祥瑞pro</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app2.jpg" />
              <p>皇帝的一天</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app3.png" />
              <p>故宫展览</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app4.jpg" />
              <p>胤禛美人图</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app5.jpg" />
              <p>紫禁城祥瑞</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app6.jpeg" />
              <p>韩熙载夜宴图</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app7.png" />
              <p>清代皇帝服饰</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app8.jpg" />
              <p>故宫陶瓷馆</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app9.jpg" />
              <p>每日故宫</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <img src="./images/app/app10.jpg" />
              <p>紫禁城600</p>
            </a>
          </li>
        </ul>
      </div>

      <!-- 关于我们 -->
      <div class="about_us fr">
        <img src="images/qrcode.png" />
      </div>

      <!-- 故宫文创 -->
      <div class="gugong_wenchuang fl">
        <ul>
          <li>
            <img src="./images/icon-1.png" />
            <a href="javascript:void(0)">故宫淘宝</a>
          </li>
          <li>
            <img src="./images/icon-2.png" />
            <a href="javascript:void(0)">故宫出版旗舰店</a>
          </li>
          <li>
            <img src="./images/icon-3.png" />
            <a href="javascript:void(0)">故宫文创旗舰店</a>
          </li>
        </ul>
      </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
      <div class="container clearfix">
        <a href="javascript:void(0)" class="logo-bottom fl"></a>

        <div class="aside fl">
          <div class="friend-link">
            故宫其他站点
            <ul class="options">
              <li><a href="javascript:void(0)">故宫官网</a></li>
              <li><a href="javascript:void(0)">故宫出版社</a></li>
              <li><a href="javascript:void(0)">中国古代书画研究系统</a></li>
              <li><a href="javascript:void(0)">故宫博物院藏品总目</a></li>
              <li><a href="javascript:void(0)">北京故宫文物保护基金会</a></li>
            </ul>
          </div>


          <div class="inner-link">
            <a href="javascript:void(0)">·隐私政策</a>
            <a href="javascript:void(0)">·联系我们</a>
            <a href="javascript:void(0)">·版权声明</a>
            <a href="javascript:void(0)">·问卷调查</a>
          </div>


          <div class="copyright">
            © 2001-2021 故宫博物院
            <a href="">京ICP备05067311号-1</a>
            网站建设：清石信息
          </div>
        </div>

        <div class="house"></div>
      </div>
    </div>

    <!-- 返回顶部 -->
    <a class="to-top" href="javascript:scrollTo(0,0)"></a>

    <!-- 右侧紫禁城区域 -->
    <a class="zijinc" href="javascript:void(0)"></a>
  </body>
</html>
